<template>
  <ElTabs v-model="activeTab" tab-position="top">
    <ElTabPane label="基础设置" name="basic">
      <ElDivider>节点设置</ElDivider>
      <ElForm :model="node" label-width="80px">
        <ElFormItem prop="nodeName" label="节点名称">
          <ElInput v-model="node.nodeName"></ElInput>
        </ElFormItem>
      </ElForm>
      <ConditionPanel :node="node"></ConditionPanel>
    </ElTabPane>
  </ElTabs>
</template>

<script setup name="conditionEditor">
import { ref } from "vue";
import { ElTabs, ElTabPane, ElForm, ElInput, ElDivider, ElFormItem } from "element-plus";
import ConditionPanel from "./ConditionPanel.vue";
const activeTab = ref("basic");
defineProps({
  node: {
    type: Object
  }
});
</script>

<style scoped></style>
